<html>
    <head>
        <title>电子健康卡办理（1/2）</title>
        <meta charset="utf-8">
        <meta name="format-detection" content="telephone=no">
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <link rel="stylesheet" type="text/css" href="css/base.css">
        <link rel="stylesheet" type="text/css" href="css/regist.css?asdfaa">
    </head>
    <body>
        <div class="wrap">
            <div class="tab-block input">
                <a class="tab-element" data-tab="input">
                    <span>输入身份证号码</span>
                </a>
                <a class="tab-element" data-tab="photo">
                    <span>上传身份证照片</span>
                </a>
            </div>
            <div class="switch-tab input-tab">
                <div class="form">
                    <div class="form-element">
                        <p class="label">姓名</p>
                        <div class="input-block">
                            <input placeholder="输入姓名" id="name" class="name" value="" />
                        </div>
                    </div>
                    <div class="form-element">
                        <p class="label">身份证号码</p>
                        <div class="input-block">
                            <input placeholder="输入身份证号码" id="idcard" class="idcard" value="" />
                        </div>
                    </div>
                    <div class="form-element">
                        <p class="label">民族</p>
                        <div class="input-block select-nation">
                            <input disabled placeholder="请选择" id="nation" class="nation" value="" />
                        </div>
                    </div>
                </div>
                <button class="next-btn" disabled>下一步，填写手机号码</button>
            </div>
            <div class="switch-tab photo-tab">
                <div class="upload">
                    <img src="./img/upload.png" class="upload-image">
                    <form id="img-form" method="post" enctype="multipart/form-data">
                        <input type="file" accept="image/*" class="upload-input" name="img"/>
                    </form>
                </div>
                <div id="before">
                    <div class="remind">
                        <div class="title">拍摄要求</div>
                        <div class="line">1、垂直拍摄，证件边框完整</div>
                        <div class="line">2、避免证件反光，模糊</div>
                    </div>
                </div>
                <div id="after">
                    <div class="remind">
                        <p class="title-line">确认身份证信息，以免造成就诊信息错误</p>
                        <p class="result-line">姓名<input class="name" value=""></p>
                        <p class="result-line">性别<input class="gender" value=""></p>
                        <p class="result-line">民族<input class="nation" value=""></p>
                        <p class="result-line">身份证号<input class="idcard" value=""></p>
                        <p class="result-line">地址<input class="address" value=""></p>
                    </div>
                    <button class="next-btn" disabled>下一步，填写手机号码</button>
                </div>
            </div>

            <div class="quick-bind">选择授权人，一键绑卡，免填身份信息<div class="icon"></div></div>
        </div>
        <div class="loading-mask">
            <div class="loading">
                <img src="./img/loading.gif" alt="">
                <p>识别中...</p>
            </div>
        </div>
        <div class="mask" id="ocrfail-alert">
            <div class="alert">
                <div class="text">
                    <p>不能正确识别身份信息，请重新上传。</p>
                </div>
                <div class="operation">
                    <a class="confirm-btn" id="confirm-btn">确定</a>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="js/zepto.min.js"></script>
        <script type="text/javascript" src="js/picker.min.js"></script>
        <script type="text/javascript" src="js/jweixin-1.4.0.js"></script>
        <script type="text/javascript" src="js/regist.js?a"></script>
    </body>
</html>
